<template>
  <div class="scroll-wrap">
    <div
        v-for="i in 100"
        class="scroll-item"></div>
  </div>
</template>

<script>
export default {
  name: "TestScroll"
}
</script>

<style scoped>
.scroll-wrap {
  margin: 20px auto;
  width: 300px;
  height: 100px;
  overflow: auto;
  border: 1px solid red;
}
.scroll-item {
  width: 100%;
  height: 30px;
}
.scroll-item:nth-child(2n) {
  background: #ccc;
}
</style>
